{include file=comm/head.html}
<div class="product-page">
	<div class="sub-banner">
		<div class="mask">
			<div class="p-title">PRODUCTS CENTERS</div>
			<div class="p-search">
				<form action="{pboot:scaction}"  method="get">
					<div class="input-box">
						<input type="text" name="keyword" placeholder="Search products...">
						<button type="submit">
							<img class="searchIcon" src="{pboot:sitetplpath}/images/search.png" alt="">
						</button>
					</div>
				</form>
			</div>
			<div class="p-category">
				{pboot:nav num=14  parent=5}
				<div class="item item-on">
					<a href="[nav:link]"><span>[nav:name]</span></a>
				</div>
				{/pboot:nav}

			</div>
		</div>
		<div class="pic">
			<img class="needImgScale" src="{pboot:sitetplpath}/images/product_banner.jpg" alt="">
		</div>
	</div>
	<section class="section-1">
		<main>
			<div class="main">
				<div class="list wow fadeInUpFix" data-wow-duration="0.6s" data-wow-delay="0.1s">
					<div class="wrapper">
						{pboot:search num=15 order=sorting scode=5 field='title'}
						<div class="item">
							<a href="[search:link]">
								<div class="pic">
									<img  src="[search:ico]" alt="">
								</div>
								<img class="more" src="{pboot:sitetplpath}/images/view_more.png" alt="">
								<div class="name">[search:title]</div>
							</a>
						</div>
						{/pboot:search}
					</div>
					{pboot:if({page:rows}>0)}
					<nav aria-label="page navigation" class="pageNav">
						<div class="pagination justify-content-center">
							<a class="page-item page-link" href="{page:index}">First</a>
							<a class="page-item page-link" href="{page:pre}">Prev</a>
							{page:numbar}
							<a class="page-item page-link" href="{page:next}">Next</a>
							<a class="page-item page-link" href="{page:last}">Last</a>
						</div>
					</nav>
					{else}
						<div class="empty">There is currently no data available！</div>
					{/pboot:if}
				</div>
			</div>
		</main>
	</section>
</div>

{include file=comm/foot.html}
